<template>
	<view>
		<view class="invoice_msg">
			 <view class="invoice_msg_list">
				<text class="invoice_msg_list_left">抬头类型</text>
				<view class="invoice_msg_list_radio">
					<label class="radioc">
						<radio class="radioc_c" @tap="typeStatus" :disabled="true" :checked="status" color="#077840" style=""/>
						<text class="radioc_b">企业单位</text>
					</label>
					<label class="radioc">
						<radio class="radioc_c" @tap="typeStatus" :disabled="true" :checked="!status" color="#077840" style=""/>
						<text class="radioc_b">个人/非企业单位</text>
					</label>
				</view>
			</view>
			<view class="invoice_msg_list">
				<text class="invoice_msg_list_left">抬头名称</text>
				<text class="invoice_msg_list_right">{{details.rise}}</text>
			</view>
			<view class="invoice_msg_list" v-show="status">
				<text class="invoice_msg_list_left">公司税号</text>
				<text class="invoice_msg_list_right">{{details.duty}}</text>
			</view>
			<view class="invoice_msg_list" v-show="status">
				<text class="invoice_msg_list_left">公司地址</text>
				<text class="invoice_msg_list_right">{{details.address}}</text>
			</view>
			<view class="invoice_msg_list" v-show="status">
				<text class="invoice_msg_list_left">公司电话</text>
				<text class="invoice_msg_list_right">{{details.phone}}</text>
			</view>
			<view class="invoice_msg_list" v-show="status">
				<text class="invoice_msg_list_left">开户银行</text>
				<text class="invoice_msg_list_right">{{details.bank}}</text>
			</view>
			<view class="invoice_msg_list" v-show="status">
				<text class="invoice_msg_list_left">开户账号</text>
				<text class="invoice_msg_list_right">{{details.account}}</text>
			</view>
		</view>
		<view class="invoice_emal">
			<text class="invoice_emal_title">电子邮箱</text>
			<text class="invoice_emal_number">{{details.email}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				status:false,
				details:{}
			}
		},
		onLoad(options) {
			// console.log(options.details);
			if(options.details.type==0){
				this.status=false
			}else{
				this.status=true
			}
			this.details=JSON.parse(options.details)
			console.log(this.details);
		},
		
		methods:{
			typeStatus(){
				// console.log(12);
				// this.status=!this.status
			}
		}
	}
</script>

<style lang="less">
	page{
		background: #F9F9F9;
	}
	.invoice_msg{
		padding: 0 30rpx;
		background-color: #FFFFFF;
		&_list{
			display: flex;
			align-items: center;
			border-bottom: 2rpx solid #EEEEEE;
			padding: 30rpx 0;
			&_left{
				width: 132rpx;
				// height: 40rpx;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
				line-height: 40rpx;

			}
			&_radio{
				flex: 1;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.radioc{
					display: flex;
					align-items: center;
					.radioc_c{
						
					}
					.radioc_b{
						margin-left: 10rpx;
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #333333;
						line-height: 40rpx;

					}
				}
			}
			&_right{
				flex: 1;
				// width: 114rpx;
				// height: 40rpx;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
				line-height: 40rpx;

			}
		}
	}
	.invoice_emal{
		background-color: #FFFFFF;
		padding:  30rpx;
		display: flex;
		align-items: center;
		margin-top: 30rpx;
		&_title{
			width: 132rpx;
			// height: 40rpx;
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			line-height: 40rpx;

		}
		&_number{
			// width: 86rpx;
			// height: 40rpx;
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			line-height: 40rpx;

		}
	}
</style>
